const colors = ["#fff"]
function totaln() {
    //初始化echarts的实例
    var myChart = echarts.init(document.getElementById('total_4'))
    // 调用实例中的setOption方法绘制图表
    myChart.setOption({
    tooltip: {
      trigger: 'axis',
      axisPointer: {
        type: 'shadow', //
      },
      formatter: function (params) {
        var tar = params[1];
        return tar.name + '<br/>' + tar.seriesName + ' : ' + tar.value;
      },
      backgroundColor: 'rgba(55,55,55,0.6)', //提示框背景颜色
      textStyle: {
        fontSize: 14, //提示框字体大小
        color:colors  //提示框字颜色
    },
    borderColor:'rgba(55,55,55,0.5)', //提示框边框颜色
    },
    grid: {
      left: '3%', //grid 组件离容器左侧的距离
      right: '4%', //grid 组件离容器右侧的距离
      bottom: '3%', //grid 组件离容器下侧的距离
      containLabel: true
    },
    xAxis: {
      type: 'category',
      splitLine: { show: false}, //移动的背景边框线
      axisLine: {
        show: true, //显示直角坐标系网格
        lineStyle: {
          color: "#333" //x轴线颜色
        },
    },
      data: [{
        value:'客运车',
        textStyle:{color:colors[0]} //x轴字体颜色
      }, 
      { 
        value:'危险品车', 
        textStyle:{color:colors[0]} //x轴字体颜色 
      },
      {
        value:'网约车', 
        textStyle:{color:colors[0]} //x轴字体颜色
      } , 
      {
        value:'学校校车',
        textStyle:{color:colors[0]} //x轴字体颜色
      }],
    },
    yAxis: {
      type: 'value',
      axisLine: {
        show: true, //显示直角坐标系网格
        lineStyle: {
          color: "#333" //y轴线颜色
        },
    },
      axisLabel: {
        show: true,
        color: "rgba(255, 255, 255)"  //y轴字体颜色
      },
      splitLine: {
        show: false //y轴坐标轴线
      },
      axisTick:{
        show:true
      }
  
  },
    series: [
      {
        name: 'Placeholder',
        type: 'bar',
        stack: 'Total',
        itemStyle: {
          borderColor: 'transparent',
          color: 'transparent'
        },
        emphasis: {
          itemStyle: {
            borderColor: 'transparent',
            color: 'transparent'
          }
        },
         data: [0, 0, 0, 0]  // 下面数量
      },
      {
        name: '报警数量',
        type: 'bar',
        stack: 'Total',
        label: {
          show: true, //字在条码上显示
          position: 'inside',
          color:"rgba(255, 255, 255)" //条码上字的颜色
        },
        data: [2900, 1200, 300, 200],itemStyle: {color: '#44aff0'}  //框的背景颜色蓝色
      }
    ]
    });
}
totaln()